﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Hotel_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title></title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="all"/>
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="all"/>
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
		<script type="text/javascript" src="js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>  
		<script type="text/javascript" src="js/Adamina_400.font.js"></script>
		<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
		<script type="text/javascript" src="js/script.js" ></script>
		<script type="text/javascript" src="js/kwicks-1.5.1.pack.js" ></script>
		<script type="text/javascript" src="js/atooltip.jquery.js"></script>
</head>
<body id="page1">
		<div class="bg1">
			<div class="bg2">
				<div class="main">
<!-- header -->
					<header>
						<h1><a href="index.html" id="logo">LoungeHotel</a></h1>
						<div class="department">
							9863 - 9867 Mill Road, LA, MG09 99HT<br>
							<span>Freephone: &nbsp;  +1 800 559 6580</span>
						</div>
					</header>
					<div class="box"><div class="ic">More Website Templates @ TemplateMonster.com - October 24, 2011!</div>
						<nav>
							<ul id="menu">
								<li class="active"><a href="index.html">About Us</a></li>
								<li><a href="Services.html">Services</a></li>
								<li><a href="Booking.html">Booking</a></li>
								<li><a href="Rooms.html">Rooms</a></li>
								<li><a href="Locations.html">liên hệ</a></li>
							</ul>
						</nav>
<!-- header end -->
<!-- content -->
						<article id="content">
							<div class="box1">
								<div class="wrapper">
									<form action="#" id="form1">
										<h2>Book a Room</h2>
										<fieldset>
											<div class="row">
												<input type="text" class="input">
												Your Name:
											</div>	
											<div class="row">
												<input type="text" class="input">
												E-Mail Address:
											</div>	
											<div class="row">
												<input type="text" class="input">
												Home Phone:
											</div>	
											<div class="row">
												<div class="select1"><select><option>&nbsp;</option><option>...</option></select></div>
												Length of Stay:
											</div>	
											<div class="row">
												<div class="select1"><select><option>&nbsp;</option><option>...</option></select></div>
												Number in Party:
											</div>	
											<div class="row">
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												Arrival Date:
											</div>	
											<div class="row_textarea">
												Additional Comments:
												<textarea cols="1" rows="1"></textarea>	
											</div>	
											<div class="wrapper">
												<a href="#" class="button1" onClick="document.getElementById('form1').submit()">Send</a>
												<a href="#" class="button1" onClick="document.getElementById('form1').reset()">Clear</a>
											</div>
										</fieldset>
									</form>
									<div class="kwicks-wrapper marg_bot1">
										<ul class="kwicks horizontal">
											<li><img src="images/img1.jpg" alt=""></li>
											<li><img src="images/img2.jpg" alt=""></li>
											<li><img src="images/img3.jpg" alt=""></li>
											<li><img src="images/img4.jpg" alt=""></li>
										</ul>
									</div>
								</div>
								<div class="pad">
									<div class="line1"><div class="wrapper line2">
										<div class="col1">
											<h2><img src="images/title_marker1.jpg" alt="">Best Rates</h2>
											<p class="pad_bot1">Lounge Hotel is one of <a href="http://blog.templatemonster.com/free-website-templates/" target="_blank">free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1280X1024 screen resolution. It is also XHTML &amp; CSS valid.</p>
											<a href="#" class="color1">Read More</a>
										</div>
										<div class="col1 pad_left1">
											<h2><img src="images/title_marker2.jpg" alt="">Hotel Guide</h2>
											<p class="pad_bot1"><a href="http://blog.templatemonster.com/2011/10/24/free-website-template-accordion-hotel/" target="_blank">Lounge Hotel Template</a> goes with 2 packages. PSD source files are available for free for the registered members of Templates.com. Basic package is available for anyone without registration.</p>
											<a href="#" class="color1">Read More</a>
										</div>
										<div class="col1 pad_left1">
											<h2><img src="images/title_marker3.jpg" alt="">Packages</h2>
											<p class="pad_bot1">This Lounge Hotel website template has several pages: <a href="index.html">About Us</a>, <a href="Services.html">Services</a>, <a href="Booking.html">Booking</a>, <a href="Rooms.html">Our Rooms</a>, <a href="Locations.html">Contact Us</a> (note that contact us form – doesn’t work). Aliquip ex ea commodo consequat.</p>
											<a href="#" class="color1">Read More</a>
										</div>
									</div></div>
								</div>
							</div>
							<div class="pad">
								<div class="wrapper line3">
									<div class="col2">
										<h2>Welcome to Our Hotel!</h2>
										<p class="pad_bot1"><strong class="color2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</strong><br>
												Incididunt ut labore dolore magna. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
										<p class="pad_bot2">
												Duis aute irure dolorin reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
										<a href="#" class="button1">Read More</a>
									</div>
									<div class="col1 pad_left1">
										<h2>About Us</h2>
										<div class="wrapper">
											<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
											<p class="pad_bot1"><strong class="color2">10.10.2011</strong></p>
											<p class="pad_bot2">
													Lorem ipsum dolor sit amet, consectetur adipisicing elited do eiusmod tempor incididunt.</p>
										</div>
										<a href="#" class="button1">Read More</a>
									</div>
								</div>
							</div>
						</article>
<!--content end-->
					</div>
				</div>
			</div>
		</div>
		<div class="main">
<!-- footer -->
			<footer>
				<div class="col2">
					Lounge Hotel &copy; 2011 <a rel="nofollow" href="http://www.templatemonster.com/" target="_blank">Website Template</a> by TemplateMonster.com
					<nav>
						<ul id="footer_menu">
							<li class="active"><a href="index.html">About Us</a></li>
							<li><a href="Services.html">Services</a></li>
							<li><a href="Booking.html">Booking</a></li>
							<li><a href="Rooms.html">Rooms</a></li>
							<li class="last"><a href="Locations.html">Locations</a></li>
						</ul>
					</nav>
				</div>
				<div class="col1 pad_left1">
					<ul id="icons">
						<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon1.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon2.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Picasa"><img src="images/icon3.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li>
					</ul>
				</div>				
				<!-- {%FOOTER_LINK} -->
			</footer>
<!-- footer end -->
		</div>
		<script type="text/javascript">		    Cufon.now(); </script>
		<script>
		    $(document).ready(function () {
		        $('.kwicks').kwicks({
		            max: 500,
		            spacing: 0,
		            event: 'mouseover'
		        });

		    })
		</script>
	</body>
</html>
